<template>
  <van-row type="flex" justify="center">
    <van-col span="12">
      <ugcode v-model="controls" @click="settingControl"></ugcode>
    </van-col>
    <van-col span="6">
      <van-row span="12">
        <control @click="appendControl"></control>
      </van-row>
      <van-row span="6">
        <attribute v-model="selectcontrol"></attribute>
      </van-row>
    </van-col>
  </van-row>
</template>
<script>
import control from "@/view/control";
import ugcode from "@/view/ugcode";
import attribute from "@/view/attribute";

export default {
  components: { control, ugcode, attribute },
  data() {
    return {
      controls: [],
      selectcontrol: null,
    };
  },
  methods: {
    appendControl(data) {
      this.controls.push(data);
    },
    settingControl(data) {
      this.selectcontrol = data;
    },
  },
};
</script>